<template>
  <BasicInfo v-if="!isEdit" :data="data" @edit="isEdit = true" />
  <BasicEdit v-else :data="data" @edit="isEdit = false" />
</template>

<script>
import BasicInfo from './BasicInfo'
import BasicEdit from './BasicEdit'
export default {
  name: 'ResumeBasic',
  components: { BasicInfo, BasicEdit },
  props: {
    data: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
      isEdit: false
    }
  }
}
</script>
